<ion-header class="bind-bank-card-header">
  <ion-navbar hideBackButton="true">
    <ion-buttons start navPop class="back-buttons">
      <button ion-button clear></button>
    </ion-buttons>

    <ion-title float-left>{{bankState?'已绑定银行卡':'绑定银行卡'}}</ion-title>
  </ion-navbar>
</ion-header>


<ion-content class="bind-bank-card-section">
  <ion-list *ngIf="!bankState" class="bind-card-list">
    <div class="show-info">添加你的银行卡用于收款</div>
    <ion-item>
      <div>姓名</div>
      <div>{{idInfo.realname}}</div>
    </ion-item>

    <a ion-item class="arrows-right">
      <ion-label>选择银行</ion-label>
      <ion-multi-picker id="bankGrade"
                        [(ngModel)]="initGrade"
                        item-content
                        cancelText="取消"
                        doneText="确定"
                        [multiPickerColumns]="bankGrade"
      ></ion-multi-picker>
    </a>
    <ion-item>
      <div>银行卡号</div>
      <input type="text"
             [(ngModel)]="bankInfo.bankNo"
             placeholder="请输入银行卡号">
    </ion-item>
  </ion-list>

  <bound-bank-card *ngIf="bankState"
                   [bankName]="bankInfo.bankName"
                   [bankNumber]="bankInfo.bankNo"
  ></bound-bank-card>
  <bank-encryption-footer></bank-encryption-footer>
</ion-content>

<ion-footer class="bind-bank-card-footer" *ngIf="!bankState">
  <button ion-button
          full
          [disabled]="!bankInfo.bankNo"
          (click)="executeSave()"
          color="default"
  >保存</button>
</ion-footer>
